<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
	
<head>
	<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script src="http://code.highcharts.com/highcharts.js"></script>
	<script src="http://code.highcharts.com/modules/exporting.js"></script>

	<script>
	$(function () {
	
        $('#container').highcharts({
    
        	title: {
                text: 'Accesos mensuales al sitio',
                x: -20 //center
            },
            subtitle: {
                text: '',
                x: -20
            },
            xAxis: {
                categories: #{administradorBean.rx}
            },
            yAxis: {
                title: {
                    text: 'Cantidad de accesos'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: ''
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [{
                name: 'Total',
                data: #{administradorBean.ry}
            }]
        });
    });
	</script>
	
</head>

<body>
            <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</body>
</html>